<div class="modal fade" aria-labelledby="myModalLabel" aria-hidden="true" id="edit" *ngIf="initService.init">
    <div class="modal-dialog modal-lg modal-dialog-centered">
        <div class="modal-content">
            <form #addForm="ngForm" (ngSubmit)="_onSubmit(addForm.value)">
                <input type="hidden" name="themeWordsId" #synonymId="ngModel" [ngModel]="details.themeWordsId">

                <!-- 模态框头部 -->
                <div class="modal-header">
                    <h4 class="modal-title">编辑主题词 - {{ details.name }}</h4>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>
                <!-- 模态框主体 -->
                <div class="modal-body">
                    <div class="container">
                        <div class="input_div">
                            <label class="input_title">上层主题词：</label>
                            <select class="input_inputStyle" disabled name="parentId" #parentId="ngModel" [ngModel]="details.parentid">
                                <option value="0"></option>
                                <option *ngFor="let val of keywordListVal" value="{{ val.themeWordsId }}">{{ val.name
                                    }}</option>
                            </select>
                        </div>
                        <div class="input_div">
                            <label class="input_title">主题词名称：</label>
                            <input class="input_inputStyle" required name="name" #name="ngModel" [ngModel]="details.name"
                                placeholder="请输入主题词名称">
                            <span class="keyword_error" *ngIf="name.invalid && (name.touched)">主题词名称不能为空</span>
                        </div>
                        <div class="input_div">
                            <label class="input_title">选择标签：</label>
                            <select class="input_inputStyle" name="labelId" #labelId="ngModel" [(ngModel)]="details.labelId">
                                <option value=""></option>
                                <option *ngFor="let val of themeTagListVal" value="{{ val.labelId }}">{{ val.labelName }}</option>
                            </select>
                        </div>
                        <div class="input_div">
                            <label class="input_title">主题码：</label>
                            <input class="input_inputStyle" required name="themeCode" #themeCode="ngModel" [ngModel]="details.themeCode"
                                placeholder="请输入主题码">
                            <span class="keyword_error" *ngIf="themeCode.invalid && (themeCode.touched) && themeCode.errors.pattern">主题码不能为汉字,特殊符号，允许输入_</span>
                        </div>
                        <div class="input_div">
                            <label class="input_title">是否启用：</label>
                            <select class="input_inputStyle" name="status" #status="ngModel" [ngModel]="details.status">
                                <option value="0">启用</option>
                                <option value="-1">禁用</option>
                            </select>
                        </div>
                        <div class="input_div">
                            <div class="textarea_title">描述：</div>
                            <textarea class="textarea_textareaStyle" name="description" #description="ngModel"
                                [ngModel]="details.description"></textarea>
                        </div>
                    </div>
                </div>
                <!-- 模态框底部 -->
                <div class="modal-footer" style="width:100%;">
                    <button type="submit" class="btn btn-primary" data-toggle="modal" [disabled]="addForm.invalid">确定</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal" (click)="initService._init()">取消</button>
                </div>
            </form>
        </div>
    </div>
</div>